<template>
	<view>
	<block v-for="(item ,index) in paperlist" :key="index">
		<view class="paper-list u-f-ac" @tap="openchat">
			
			<image class="paper-list-left" :src="item.image"  lazy-load></image>
			
			<view class="paper-list-right ">
				<view class="u-f-ajc u-f-jsb">
					<view class="paper-list-name">{{item.name}}</view><view class="paper-list-text">2{{item.time}}</view>
				</view>
				<view class="u-f-ajc u-f-jsb">
					<view class="paper-list-text">{{item.message}}</view><view ><uni-badge  :text="item.noread" type="error" /></view>
					
				</view>
			</view>
		</view>
	</block>
	</view>
</template>

<script>
	import uniBadge from '../../components/uni-badge/uni-badge.vue'
	export default{
		props:{
			paperlist:Array
		},
		methods:{
			openchat(){
				uni.navigateTo({
					url:'../../pages/user-chat/user-chat'
				})
			}
		}
		
		
	}
</script>

<style>
	.paper-list-left{
		width: 90upx;
		height: 90upx;
		border-radius: 50%;
		margin-right: 26upx;
	}
	
	.paper-list{
		padding: 20upx 0;
		border-bottom: #EEEEEE 1upx solid;
	}
	.paper-list-right{
		flex: 1;
	
	}
	.paper-list-name{
		font-size: 35upx;
		color: #1C1C1C	;
	}
	.paper-list-text{
		color: #A2A2A2;
		font-size: 23upx;
	}
</style>
